<!DOCTYPE html>
<html lang="zh_CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>五子棋</title>
    <!-- 样式文件 -->
    <link rel="stylesheet" href="./index.css">
    <!-- 自定义绘制棋盘 -->
    <script src="./js/drawingBoard.js"></script>
    <!-- 自定义按钮样式 -->
    <script src="./js/button.js"></script>
</head>

<body>
    <!-- 棋盘 -->
    <div class="box">
        <!-- 棋盘遮罩用于放置棋子 -->
        <div class="mask"></div>
        <!-- 用于绘制棋盘网格 -->
        <div class="draw-board"></div>
        <!-- 信息框 -->
        <div class="messageBox">
            <div class="prompt">
                <span>提示</span>
                <span class="close">×</span>
            </div>
            <div class="text"></div>
            <div>
                <button class="confirm">确定</button>
            </div>
        </div>
    </div>

    <button class="btn start">开始游戏</button>
    <button class="btn back">悔棋</button>
    <button class="btn step">开启计步</button>

    <script src="./js/index.js"></script>
</body>

</html>